<template>
  <div class="fullMain">
    <x-header
      class="custumHeader"
      :left-options="{backText: '',showBack: false}">
      <a slot="left">
        <i slot="overwrite-left" class="lIcon">X</i>
      </a>
      <span>创建</span>
      <a slot="right">
        <x-icon slot="overwrite-right" type="ios-more" size="35" style="position:relative;top:-8px;left:-3px;"></x-icon>
      </a>
    </x-header>
    <div class="mainbBg">
      <div class="menuHeader">
        <i class="fa fa-chevron-left mT returnIcon"></i>
      </div>
      <img src="../../static/img/user.png"/>
      <span class="weiName">微信名:*****</span>
      <div class="formDiv">
        <div class="displayFlex">
          <i class="fa fa-id-card-o fa-fw"></i>
          <x-input placeholder="真实姓名" :show-clear="false"></x-input>
        </div>
        <div class="displayFlex">
          <i class="fa fa-bank fa-fw"></i>
          <x-input placeholder="学校" :show-clear="false"></x-input>
        </div>
        <div class="displayFlex">
          <i class="fa fa-mortar-board fa-fw"></i>
          <x-input placeholder="实验室" :show-clear="false"></x-input>
        </div>
        <div class="displayFlex">
          <i class="fa fa-phone fa-fw"></i>
          <x-input placeholder="手机号码" :show-clear="false"></x-input>
        </div>
      </div>
      <div class="saveDiv">
        <button type="button" class="affirmBtn specialBtn" @click="btnFunS">创建学生</button>
        <span>~~~~~~~~~~~~~~~~~~测试阶段 全部展示出来~~~~~~~~~~~~~~~~~~</span>
        <button type="button" class="affirmBtn specialBtn" @click="btnFun">创建老师</button>
      </div>
    </div>
  </div>
</template>

<script>
  import { XHeader } from 'vux'
  import { XInput } from 'vux'
  export default {
    name: "Create",
    methods:{
      btnFun(){
        this.$router.push({name:"T_personalcenter"})
      },
      btnFunS()
      {
        this.$router.push({name:"Tag"})
      }
    },
    components:{
      XHeader,
      XInput
    }
  }
</script>

<style>

</style>
